<template>
  <div>
    <Header></Header>
    <div class="bootcamp-description layout-no-margin-top">
      <div>
        <h1>来一场高效又实战的训练</h1>
        <h4>资深工程师指导学习，实战中融会贯通IT技术</h4>
        <button class="btn">立即加入</button>
      </div>
    </div>
    <div class="bootcamp-features">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <img src="/static/img/bootcamp-project.png">
            <div class="bootcamp-features-description">
              <span>优秀项目</span>
              <span>专注实战</span>
            </div>
          </div>
          <div class="col-md-3">
            <img style=" padding-left: 24px;" src="/static/img/bootcamp-teacher.png">
            <div class="bootcamp-features-description">
              <span>技术大牛</span>
              <span>有问必答</span>
            </div>
          </div>
          <div class="col-md-3">
            <img src="/static/img/bootcamp-comment.png">
            <div class="bootcamp-features-description">
              <span>实验报告</span>
              <span>悉心点评</span>
            </div>
          </div>
          <div class="col-md-3">
            <img src="/static/img/bootcamp-certificate.png">
            <div class="bootcamp-features-description">
              <span>完成课程</span>
              <span>获得证书</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bootcamp-courses">
      <div class="container">
        <div class="bootcamp-courses-header">
          <h4 class="bootcamp-courses-title">训练营课程</h4>
          <div class="bootcamp-courses-description">
            动手实践，激发创新实力
          </div>
        </div>

        <div class="bootcamp-courses-body">
          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1480389303324.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>Kali 渗透测试- 后门技术实战(10个实验)</h4>
                <div><p>实验楼携手信息安全工程师共同制作10个后门技术实验，带你体验 Kali
                  系统渗透测试的魅力。完成本课你将实践渗透成功后的维持访问的方法，其中有专门的实验讲解木马制作及对后门木马的源码分析。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/1" target="_blank">Linux基础入门</a></div>
                <div>
                  <p><a class="tagStyle2">Kali</a><a class="tagStyle2">渗透测试</a><a class="tagStyle2">Linux</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥129</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥103.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥64.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn pull-right" href="../courses/show2.html">查看详情</a>
                </div>
              </div>
            </div>
          </div>


          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1480389165511.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>Kali 渗透测试-Web应用攻击实战(20个实验)</h4>
                <div><p>实验楼携手信息安全工程师共同制作20个服务器攻击实验，带你体验 Kali 系统渗透测试的魅力。完成本课你将实践跨站脚本XSS，SQL注入，文件包含等方式对有漏洞的 Web
                  服务进行攻击。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/1" target="_blank">Linux基础入门</a></div>
                <div>
                  <p><a class="tagStyle2">Kali</a><a class="tagStyle2">渗透测试</a><a class="tagStyle2">Linux</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn pull-right" href="../courses/show2.html">查看详情</a>
                </div>
              </div>
            </div>
          </div>

          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1479431224297.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>Kali 渗透测试-服务器攻击实战(20个实验)</h4>
                <div><p>实验楼携手信息安全工程师共同制作20个服务器攻击实验，带你体验 Kali
                  系统渗透测试的魅力。完成本课你将实践Kali中的Nmap，Metasploit，NeXpose，Nmap，Nessus等安全工具对具有漏洞的靶机进行扫描和攻击。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/1" target="_blank">Linux基础入门</a></div>
                <div>
                  <p><a class="tagStyle2">Kali</a><a class="tagStyle2">渗透测试</a><a class="tagStyle2">Linux</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn pull-right" href="../courses/show2.html">查看详情</a>
                </div>
              </div>
            </div>
          </div>

          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1477036012629.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>由浅入深学网络</h4>
                <div><p>使用GNS3仿真模拟工具由浅入深的学习网络技术，通过16个精心设计的实验内容，让你在动手实践的过程中逐步掌握交换与路由的 VLAN、STP、OSPF、DMVPN
                  等技术，最终让你能够独立实现一个中大型网络规划。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/1" target="_blank">Linux基础入门</a></div>
                <div>
                  <p>
                    <a class="tagStyle2">GNS3</a><a class="tagStyle2">网络</a><a class="tagStyle2">VLAN</a>
                    <a class="tagStyle2">STP</a><a class="tagStyle2">OSPF</a><a class="tagStyle2">DMVPN</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥239</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥191.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥119.5</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn pull-right" href="../courses/show2.html">查看详情</a>
                </div>
              </div>
            </div>
          </div>

          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1478484028300.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>动手实战学Docker(15个实验+54个视频)</h4>
                <div><p>
                  15个实验+54个视频带你体验Docker容器技术魅力，最快的上手教程，最新的技术领域，最多的动手实践。在线实验学习Docker，DockerFile，Compose，Swarm，Kubernate等技术。</p>
                </div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/1" target="_blank">Linux基础入门</a></div>
                <div>
                  <p><a class="tagStyle2">Docker</a><a class="tagStyle2">云计算</a><a class="tagStyle2">Linux</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn pull-right" href="../courses/show2.html">查看详情</a>
                </div>
              </div>
            </div>
          </div>

          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1478483990914.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>Spark 大数据动手实验</h4>
                <div><p>15个实验带你亲身体验Spark大数据分析的魅力，最快的上手教程，最新的技术领域，最多的动手实践。15个实验已全部上线。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/1" target="_blank">Linux基础入门</a></div>
                <div>
                  <p><a class="tagStyle2">Spark</a><a class="tagStyle2">大数据</a><a class="tagStyle2">Hadoop</a><a
                    class="tagStyle2">Linux</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn pull-right" href="/courses/456">查看详情</a>
                </div>
              </div>
            </div>
          </div>
          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1446107976355.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>Python经典项目实战（6个项目）</h4>
                <div><p>在线完成6个Python项目，高强度项目训练学习Python开发。涵盖Python基础，Web开发，游戏开发，网络开发等知识。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/214" target="_blank">Python快速教程</a></div>
                <div>
                  <p><a class="tagStyle2">Python</a><a class="tagStyle2">Flask</a><a class="tagStyle2">pygame</a><a
                    class="tagStyle2">Linux</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn" href="/courses/452">查看详情</a>
                </div>
              </div>
            </div>
          </div>
          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1446112485111.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>C语言经典项目实战（5个项目）</h4>
                <div><p>在线完成5个C语言项目，高强度项目训练学习C语言开发。涵盖C语言基础，Linux系统开发与网络开发等知识。</p></div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/57" target="_blank">C语言入门教程</a></div>
                <div>
                  <p><a class="tagStyle2">C语言</a><a class="tagStyle2">Linux</a><a class="tagStyle2">Socket</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn" href="/courses/453">查看详情</a>
                </div>
              </div>
            </div>
          </div>
          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1446112472317.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>C++经典项目实战（4个项目）</h4>
                <div><p>在线完成4个经典C++项目，高强度项目训练学习C++语言开发。涵盖C++基础，面向对象，网络开发等知识。</p></div>
                <div></div>
                <div>
                  <p><a class="tagStyle2">C++</a><a class="tagStyle2">Linux</a><a class="tagStyle2">OO</a><a
                    class="tagStyle2">网络</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn" href="/courses/454">查看详情</a>
                </div>
              </div>
            </div>
          </div>
          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1446112457569.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>NodeJS经典项目实战（5个项目）</h4>
                <div><p>
                  在线完成5个经典NodeJS项目，高强度项目训练学习NodeJS开发。涵盖NodeJS基础，Express框架，socket.io，Angular.js，Redis，MongoDB等知识。</p>
                </div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/44" target="_blank">NodeJS教程</a></div>
                <div>
                  <p><a class="tagStyle2">NodeJS</a><a class="tagStyle2">Socket.io</a><a
                    class="tagStyle2">Angular.js</a><a class="tagStyle2">Redis</a><a class="tagStyle2">MongoDB</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥99</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥79.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥49.5</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn" href="/courses/455">查看详情</a>
                </div>
              </div>
            </div>
          </div>

          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://dn-simplecloud.shiyanlou.com/1477468886617.png">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">

                <h4 class="media-heading"><span>已上线</span>你不知道她知道【仿StackOverflow开发在线问答系统】</h4>
                <div>使用Python Flask Web开发框架实现类似StackOverflow的在线问答平台LouQA，具备提问，回答，评论等功能。学习数据库设计，Python Web 开发及 bootstrap
                  相关知识。
                </div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/214" target="_blank">Python快速教程</a>，<a
                  href="https://www.shiyanlou.com/courses/29" target="_blank">Flask Web框架</a></div>
                <div>
                  <p><a class="tagStyle2">Virtualenv</a><a class="tagStyle2">Python</a>
                    <a class="tagStyle2">MYSQL</a><a class="tagStyle2">Flask</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥99</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥79.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥49.5</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn" href="/courses/355">查看详情</a>
                </div>
              </div>
            </div>
          </div>

          <div class="media bootcamp-courses-item">
            <div class="media-left bootcamp-courses-media">
              <img class="media-object" src="https://static.shiyanlou.com/img/bootcamp-course-2.jpg">
            </div>
            <div class="media-body bootcamp-courses-body">
              <div class="bootcamp-courses-info">
                <h4 class="media-heading"><span>已上线</span>为你烹饪一朵云【仿OpenStack开发云计算管理软件】</h4>
                <div>使用Python语言开发一套类似OpenStack的云计算管理平台LouCloud，具备基本的用户，服务器，镜像与虚拟机管理功能，学习IaaS，虚拟化，Libvirt API，Flask
                  Web开发等知识。
                </div>
                <div>推荐先学：<a href="https://www.shiyanlou.com/courses/214" target="_blank">Python快速教程</a>，<a
                  href="https://www.shiyanlou.com/courses/29" target="_blank">Flask Web框架</a></div>
                <div>
                  <p><a class="tagStyle2">云计算</a><a class="tagStyle2">虚拟化</a><a class="tagStyle2">Libvirt</a><a
                    class="tagStyle2">Python</a></p>
                  <p><a class="tagStyle2">MYSQL</a><a class="tagStyle2">Flask</a></p>
                </div>
              </div>
              <div class="bootcamp-courses-subscribe">
                <div class="pull-right bootcamp-courses-order">
                  <div class="pull-left">
                    <span style="margin-bottom: -8px;">￥199</span>
                    <span class="member-price" data-container="body" data-toggle="popover" data-placement="top"
                          data-original-title="会员优惠" data-html="true"
                          data-content="普通会员(<span class='price-number'>8折</span>)：<span class='price-number'>￥159.2</span><br>高级会员(<span class='price-number'>5折</span>)：<span class='price-number'>￥99.5&nbsp;&nbsp;</span>"><a
                      href="/vip" title="">会员最低5折</a></span>
                  </div>
                  <a class="btn" href="/courses/354">查看详情</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bootcamp-faq">
      <div class="container">
        <div class="bootcamp-faq-header">
          <h4 class="bootcamp-faq-title">训练营FAQ</h4>
        </div>
        <div class="bootcamp-faq-body">
          <div class="bootcamp-faq-question">
            WHAT：实验楼训练营是什么？
          </div>
          <div class="bootcamp-faq-answer">
            <img src="/static/img/bootcamp-answer.png">：训练营是一系列有教师服务（有问必答，实验报告点评等）的实验课。您将在教师指导下，在实验楼中完成一个可上线运行的产品原型或一系列编程任务，项目实战中融会贯通2-3门IT技术及开发流程。
          </div>
          <div class="bootcamp-faq-question">
            WHY：为什么选择实验楼训练营课程？
          </div>
          <div class="bootcamp-faq-answer">
            <img src="/static/img/bootcamp-answer.png">：实战，实战，实战！课程教师是具备多年研发经验的资深工程师，课程选题来自优秀的开源技术或仿知名网站。非常适合已学基础技术却迷茫不知道如何运用的同学，零基础的同学可按课程要求学习推荐的先学课程。
          </div>
          <div class="bootcamp-faq-question">
            HOW：训练营课程学习流程是怎样的？
          </div>
          <div class="bootcamp-faq-answer">
            <img src="/static/img/bootcamp-answer.png">：按实验文档依次完成实验，公开实验报告，实验中的问题随时在问答中提交，教师24小时内回复问答。完成所有实验并认真提交实验报告，可获得GOOD或PASS课程证书。
          </div>
        </div>
        <div class="bootcamp-faq-footer">
          <a class="bootcamp-faq-more" href="/questions/918" target="_blank">更多疑问，查看这里>></a>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from '@/components/Header'
  import Footer from '@/components/Footer'

  export default {
    name: "Bootcamp",
    components: {Header, Footer}
  }
</script>

<style scoped>

</style>
